<?xml version="1.0" encoding="UTF-8"?>
<html
    xmlns:ft="https://github.com/OpenType/fonttest"
    xmlns:xlink="http://www.w3.org/1999/xlink">
<head>
  <meta charset="UTF-8"/>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Vollkorn|Vollkorn:i"/>
  <link rel="stylesheet" href="style.css"/>
</head>
<body>
<h3 id="GVAR-7">GVAR–7: Stemming Digits</h3>

<div class="desc">
  With one particular OpenType implementation,
  the <a href="../fonts/TestGVARFour.ttf">font</a> for this test case
  triggered an etched look where the glyphs were distorted.  If your
  implementation is correct, you see normal-looking glyphs whose
  weight is smoothly increasing.  All the “I” letters should have
  visible stems, and there should not be anything unusual about the
  “O” letters either.
</div>

<table>
  <tr>
    <th/>
    <td>150</td>
    <td>200</td>
    <td>250</td>
    <td>300</td>
    <td>350</td>
    <td>400</td>
    <td>450</td>
  </tr>
  <tr>
    <th>Expected</th>
    <td class="expected" ft:id="GVAR-7/150" ft:render="OIO"
      ft:font="TestGVARFour.ttf" ft:var="wght:150"><svg version="1.1" viewBox="0 -335 1778 1253"><symbol id="GVAR-7/150.uni004F" overflow="visible"><path d="M118,337 Q118,253 145,180 Q172,108 224,64 Q277,20 354,20 Q429,20 481,64 Q534,108 560,180 Q587,253 587,337 Q587,420 560,493 Q534,566 481,610 Q429,654 354,654 Q277,654 224,610 Q172,566 145,493 Q118,420 118,337 Z M354,688 Q434,688 501,645 Q569,603 609,524 Q650,446 650,337 Q650,229 609,150 Q569,72 501,29 Q434,-14 354,-14 Q272,-14 205,28 Q138,70 97,148 Q57,227 57,337 Q57,444 97,523 Q138,602 205,645 Q272,688 354,688 Z" /></symbol><symbol id="GVAR-7/150.uni0049" overflow="visible"><path d="M175,38 L191,38 L314,28 L314,0 L53,0 L53,28 Z M175,636 L53,646 L53,674 L314,674 L314,646 L191,636 Z M156,310 L156,364 Q156,441 155,519 Q155,597 153,674 L213,674 Q211,597 210,519 Q210,442 210,364 L210,310 Q210,232 210,154 Q211,76 213,0 L153,0 Q155,76 155,154 Q156,232 156,310 Z" /></symbol><use x="0" y="0" xlink:href="#GVAR-7/150.uni004F" /><use x="706" y="0" xlink:href="#GVAR-7/150.uni0049" /><use x="1072" y="0" xlink:href="#GVAR-7/150.uni004F" /></svg></td>

    <td class="expected" ft:id="GVAR-7/200" ft:render="OIO"
      ft:font="TestGVARFour.ttf" ft:var="wght:200"><svg version="1.1" viewBox="0 -335 1781 1253"><symbol id="GVAR-7/200.uni004F" overflow="visible"><path d="M127,336 Q127,255 152,183 Q178,111 228,67 Q279,23 353,23 Q428,23 479,67 Q530,111 555,183 Q580,255 580,336 Q580,418 555,489 Q530,561 479,606 Q428,651 353,651 Q279,651 228,606 Q178,561 152,489 Q127,418 127,336 Z M353,687 Q433,687 501,645 Q570,603 611,525 Q652,447 652,336 Q652,229 611,150 Q570,72 502,29 Q434,-14 353,-14 Q273,-14 205,27 Q137,69 96,147 Q55,226 55,336 Q55,444 96,522 Q138,601 206,644 Q274,687 353,687 Z" /></symbol><symbol id="GVAR-7/200.uni0049" overflow="visible"><path d="M175,43 L193,43 L316,31 L316,0 L51,0 L51,31 Z M175,631 L51,642 L51,673 L316,673 L316,642 L193,631 Z M152,310 L152,363 Q152,441 151,518 Q151,596 150,673 L217,673 Q216,597 215,519 Q215,442 215,363 L215,310 Q215,233 215,155 Q216,77 217,0 L150,0 Q151,76 151,153 Q152,231 152,310 Z" /></symbol><use x="0" y="0" xlink:href="#GVAR-7/200.uni004F" /><use x="707" y="0" xlink:href="#GVAR-7/200.uni0049" /><use x="1074" y="0" xlink:href="#GVAR-7/200.uni004F" /></svg></td>

    <td class="expected" ft:id="GVAR-7/250" ft:render="OIO"
      ft:font="TestGVARFour.ttf" ft:var="wght:250"><svg version="1.1" viewBox="0 -335 1782 1253"><symbol id="GVAR-7/250.uni004F" overflow="visible"><path d="M135,336 Q135,257 159,186 Q183,115 232,71 Q281,27 354,27 Q427,27 476,71 Q525,115 548,186 Q572,257 572,336 Q572,416 548,486 Q525,557 476,601 Q427,646 354,646 Q281,646 232,601 Q183,557 159,486 Q135,416 135,336 Z M354,687 Q433,687 501,645 Q570,604 612,525 Q654,447 654,336 Q654,228 612,149 Q570,71 502,28 Q434,-15 354,-15 Q274,-15 205,26 Q137,68 95,146 Q53,225 53,336 Q53,444 95,523 Q137,602 205,644 Q274,687 354,687 Z" /></symbol><symbol id="GVAR-7/250.uni0049" overflow="visible"><path d="M175,46 L193,46 L318,33 L318,0 L50,0 L50,33 Z M175,626 L50,639 L50,672 L318,672 L318,639 L193,626 Z M149,310 L149,362 Q149,439 148,517 Q148,595 146,672 L222,672 Q220,596 219,518 Q219,441 219,362 L219,310 Q219,233 219,155 Q220,77 222,0 L146,0 Q148,76 148,153 Q149,231 149,310 Z" /></symbol><use x="0" y="0" xlink:href="#GVAR-7/250.uni004F" /><use x="707" y="0" xlink:href="#GVAR-7/250.uni0049" /><use x="1075" y="0" xlink:href="#GVAR-7/250.uni004F" /></svg></td>

    <td class="expected" ft:id="GVAR-7/300" ft:render="OIO"
      ft:font="TestGVARFour.ttf" ft:var="wght:300"><svg version="1.1" viewBox="0 -335 1783 1253"><symbol id="GVAR-7/300.uni004F" overflow="visible"><path d="M143,335 Q143,257 165,187 Q188,117 235,73 Q282,30 354,30 Q426,30 472,73 Q519,117 542,187 Q565,257 565,335 Q565,413 542,483 Q519,554 472,597 Q426,641 354,641 Q282,641 235,597 Q188,554 165,483 Q143,413 143,335 Z M354,686 Q432,686 501,645 Q570,605 613,526 Q656,448 656,335 Q656,227 613,148 Q570,70 501,27 Q432,-15 354,-15 Q275,-15 206,26 Q137,67 93,145 Q50,223 50,335 Q50,444 94,522 Q138,601 207,643 Q276,686 354,686 Z" /></symbol><symbol id="GVAR-7/300.uni0049" overflow="visible"><path d="M175,50 L194,50 L322,37 L322,0 L48,0 L48,37 Z M175,621 L48,635 L48,672 L322,672 L322,635 L194,621 Z M145,310 L145,362 Q145,439 144,517 Q144,595 142,672 L227,672 Q225,595 224,517 Q224,440 224,362 L224,310 Q224,233 224,155 Q225,77 227,0 L142,0 Q144,76 144,153 Q145,231 145,310 Z" /></symbol><use x="0" y="0" xlink:href="#GVAR-7/300.uni004F" /><use x="707" y="0" xlink:href="#GVAR-7/300.uni0049" /><use x="1076" y="0" xlink:href="#GVAR-7/300.uni004F" /></svg></td>

    <td class="expected" ft:id="GVAR-7/350" ft:render="OIO"
      ft:font="TestGVARFour.ttf" ft:var="wght:350"><svg version="1.1" viewBox="0 -335 1784 1253"><symbol id="GVAR-7/350.uni004F" overflow="visible"><path d="M150,336 Q150,259 171,190 Q193,121 238,77 Q283,33 354,33 Q424,33 469,77 Q515,121 536,190 Q557,259 557,336 Q557,411 536,480 Q515,550 469,593 Q424,637 354,637 Q283,637 238,593 Q193,550 171,480 Q150,411 150,336 Z M354,685 Q431,685 500,645 Q570,605 614,527 Q659,449 659,336 Q659,226 614,147 Q570,69 501,27 Q432,-15 354,-15 Q276,-15 206,25 Q136,66 92,143 Q49,221 49,336 Q49,444 93,522 Q137,601 206,643 Q276,685 354,685 Z" /></symbol><symbol id="GVAR-7/350.uni0049" overflow="visible"><path d="M175,54 L195,54 L324,39 L324,0 L45,0 L45,39 Z M175,617 L45,631 L45,670 L324,670 L324,631 L195,617 Z M141,310 L141,360 Q141,437 140,515 Q140,593 138,670 L231,670 Q229,594 228,516 Q228,439 228,360 L228,310 Q228,233 228,155 Q229,77 231,0 L138,0 Q140,76 140,153 Q141,231 141,310 Z" /></symbol><use x="0" y="0" xlink:href="#GVAR-7/350.uni004F" /><use x="707" y="0" xlink:href="#GVAR-7/350.uni0049" /><use x="1077" y="0" xlink:href="#GVAR-7/350.uni004F" /></svg></td>

    <td class="expected" ft:id="GVAR-7/400" ft:render="OIO"
      ft:font="TestGVARFour.ttf" ft:var="wght:400"><svg version="1.1" viewBox="0 -335 1785 1253"><symbol id="GVAR-7/400.uni004F" overflow="visible"><path d="M157,335 Q157,259 177,190 Q198,121 241,78 Q285,35 354,35 Q422,35 466,78 Q510,121 530,190 Q550,259 550,335 Q550,410 530,479 Q510,548 466,591 Q422,634 354,634 Q285,634 241,591 Q198,548 177,479 Q157,410 157,335 Z M354,684 Q431,684 501,644 Q572,605 616,527 Q660,449 660,335 Q660,225 616,146 Q572,68 502,26 Q432,-15 354,-15 Q275,-15 205,24 Q135,64 91,142 Q47,220 47,335 Q47,444 91,522 Q136,601 206,642 Q276,684 354,684 Z" /></symbol><symbol id="GVAR-7/400.uni0049" overflow="visible"><path d="M175,56 L196,56 L327,41 L327,0 L44,0 L44,41 Z M175,613 L44,628 L44,669 L327,669 L327,628 L196,613 Z M138,310 L138,359 Q138,436 137,514 Q137,592 135,669 L236,669 Q234,593 233,515 Q233,438 233,359 L233,310 Q233,233 233,155 Q234,77 236,0 L135,0 Q137,76 137,153 Q138,231 138,310 Z" /></symbol><use x="0" y="0" xlink:href="#GVAR-7/400.uni004F" /><use x="707" y="0" xlink:href="#GVAR-7/400.uni0049" /><use x="1078" y="0" xlink:href="#GVAR-7/400.uni004F" /></svg></td>

    <td class="expected" ft:id="GVAR-7/450" ft:render="OIO"
      ft:font="TestGVARFour.ttf" ft:var="wght:450"><svg version="1.1" viewBox="0 -335 1785 1253"><symbol id="GVAR-7/450.uni004F" overflow="visible"><path d="M163,334 Q163,257 183,189 Q203,121 245,78 Q287,36 353,36 Q420,36 462,78 Q504,121 523,189 Q543,257 543,334 Q543,410 523,478 Q504,547 462,589 Q420,632 353,632 Q287,632 245,589 Q203,547 183,478 Q163,410 163,334 Z M353,683 Q431,683 501,643 Q572,604 616,526 Q661,448 661,334 Q661,224 616,145 Q572,67 502,25 Q432,-16 353,-16 Q275,-16 204,24 Q134,64 89,141 Q45,219 45,334 Q45,444 90,522 Q135,600 205,641 Q276,683 353,683 Z" /></symbol><symbol id="GVAR-7/450.uni0049" overflow="visible"><path d="M176,57 L197,57 L330,42 L330,0 L43,0 L43,42 Z M176,610 L43,625 L43,668 L330,668 L330,625 L197,610 Z M135,310 L135,358 Q135,435 134,513 Q134,591 132,668 L242,668 Q240,592 239,514 Q239,437 239,358 L239,310 Q239,233 239,155 Q240,77 242,0 L132,0 Q134,76 134,153 Q135,231 135,310 Z" /></symbol><use x="0" y="0" xlink:href="#GVAR-7/450.uni004F" /><use x="706" y="0" xlink:href="#GVAR-7/450.uni0049" /><use x="1079" y="0" xlink:href="#GVAR-7/450.uni004F" /></svg></td>
  </tr>
  <tr>
    <th>Observed</th>
    <td class="observed" ft:id="GVAR-7/150"/>
    <td class="observed" ft:id="GVAR-7/200"/>
    <td class="observed" ft:id="GVAR-7/250"/>
    <td class="observed" ft:id="GVAR-7/300"/>
    <td class="observed" ft:id="GVAR-7/350"/>
    <td class="observed" ft:id="GVAR-7/400"/>
    <td class="observed" ft:id="GVAR-7/450"/>
  </tr>
  <tr>
    <th class="conformance-header">Conformance</th>
    <td class="conformance" ft:id="GVAR-7/150"/>
    <td class="conformance" ft:id="GVAR-7/200"/>
    <td class="conformance" ft:id="GVAR-7/250"/>
    <td class="conformance" ft:id="GVAR-7/300"/>
    <td class="conformance" ft:id="GVAR-7/350"/>
    <td class="conformance" ft:id="GVAR-7/400"/>
    <td class="conformance" ft:id="GVAR-7/450"/>
  </tr>

</table>

</body>
</html>
